const loginUrl = 'http://127.0.0.1:3000/mi/user/login';

let loginBtn = document.querySelector('#loginButton')
// console.log(loginBtn);


//本地存储
//1.Localstorage -- 将数据本地存储在浏览器中，且关闭浏览器数据不会消失
//2.sessionStorage -- 将数据本地存储在浏览器中，关闭浏览器数据消失
//存储数据 -- sessionStorage.setItem('命名',要存储的数据);//成功存储以后只要浏览器不关闭就可以在其他页面获取这个数据
//获取数据 -- const 变量名 = sessionStorage.getItem('命名');
// 显示错误信息
function showError(inputId, message) {
  const errorElement = document.getElementById(inputId + '-error');
  errorElement.textContent = message;
}

// 隐藏错误信息
function hideError(inputId) {
  const errorElement = document.getElementById(inputId + '-error');
  errorElement.textContent = '';
}

// 检查输入框是否已填写和复选框是否勾选
function checkInputs() {
  const username = document.getElementById('username').value;
  const password = document.getElementById('password').value;
  const agreement = document.getElementById('agreement').checked;

  if (!username) {
    showError('username', '');
  } else {
    hideError('username');
  }

  if (!password) {
    showError('password', '');
  } else {
    hideError('password');
  }

  if (!agreement) {
    showError('agreement', '');
  } else {
    hideError('agreement');
  }

  // 确保所有条件都满足后，才启用登录按钮
  if (username && password && agreement) {
    document.getElementById('loginButton').disabled = false;
  } else {
    document.getElementById('loginButton').disabled = true;
  }
}

// 登录函数
async function login(username, password) {
  try {
    const response = await fetch(loginUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ username, password }),
    });

    if (response.ok) {
      const data = await response.json();
      console.log('Login successful:', data);
      // return data.access_token; // 返回登录成功的数据
      //本地存储鉴权Token

      console.log(data.username);
      loginBtn.addEventListener('click', function () {
        sessionStorage.setItem('myToken', data.access_token);
        sessionStorage.setItem('myUsername', data.username);
        sessionStorage.setItem('myAvatar', data.avatar);
        location.href = './mine.html'
      })

    } else {
      throw new Error('Login failed');
    }
  } catch (error) {
    console.error('Login error:', error);
  }
}

// 监听输入框和复选框的变化
document.getElementById('username').addEventListener('input', checkInputs);
document.getElementById('password').addEventListener('input', checkInputs);
document.getElementById('agreement').addEventListener('change', checkInputs);

// 使用登录函数
document.getElementById('loginButton').addEventListener('click', async (e) => {
  e.preventDefault();
  const username = document.getElementById('username').value;
  const password = document.getElementById('password').value;

  await login(username, password);
});



